<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>扫码</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    @include('public.h5_head')
    <meta name="csrf_token" id="token" content="{{ csrf_token() }}">
    <link rel="stylesheet" type="text/css" href="{{ env('CDN_DOMAIN_NAME') }}/css/commoncss/common.css"/>
    <link rel="stylesheet" type="text/css" href="{{ env('CDN_DOMAIN_NAME') }}/css/storage.css"/>
    <script src="{{ env('CDN_DOMAIN_NAME') }}/js/commonjs/rem.js"></script>
</head>
<script src="{{ env('CDN_DOMAIN_NAME') }}/js/commonjs/iscroll.js"></script>
<script src="{{ env('CDN_DOMAIN_NAME') }}/js/app.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="{{ env('CDN_DOMAIN_NAME') }}/js/commonjs/common.js"></script>
@if(!Auth::check())
    <script>
        var openid = '{{ env('WECHAT_APPID') }}';
        var url = '{{ urlencode('https://'.env('DOMAIN_NAME').'/getProductLogin') }}'
        window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid="+openid+"&redirect_uri="+url+"&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect";
    </script>
@endif
<body>
<div id="storage_box">
    <div class="wrap">
        <div class="storage">
            <div class="storage_top">
                <p class="storage_tiltle">扫码</p>
                <div class="storage_bigImg">
                        <div class="storage_scan scanQRCode">
                            @if(isset($bigcode))
                                <img src="{{ env('CDN_DOMAIN_NAME') }}/qrcodes/{{ $simplecode['pro_id']}}-3/{{ $bigcode }}.png" alt="" />
                            @endif
                        </div>
                </div>
            </div>
            @if(isset($infos) && count($infos)>0)
            <div class="storage_bottom">
                <table class="tab" border="1" cellspacing="0" cellpadding="0" bgcolor="">
                    <tr style="height:1.5rem;"><th colspan="4" rowspan="1">商品信息</th></tr>
                    <tr><td class="td1">品牌</td><td class="td2">款号</td><td class="td3">颜色</td><td class="td4">数量(手)</td></tr>


                    {{--要加载的信息--}}

                        @foreach($infos as $k=>$v)
                            <tr>
                                <td class="td1">{{ $v['brand_name'] }}</td>
                                <td class="td2">{{ $v['item'] }}</td>
                                <td class="td3">{{ $v['color'] }}</td>
                                <td class="td4">{{ $v['num'] }}</td>
                            </tr>
                        @endforeach


                    <tr style="height:2rem;">
                        <td colspan="4" rowspan="1">
                            <p><span style="color:red">注：</span>请核对信息，如若无误点击确认收货。</p>
                            <p> 如果信息错误，请联系客服 15854678067 </p>
                        </td>
                    </tr>
                </table>

            </div>
            @endif
        </div>
    </div>
    @if(isset($infos) && count($infos)>0)
    <div class="over_scan close_wechat">确认收货</div>
    @endif
</div>
</body>
<script>
    scroll();
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
        appId: '{{ $info['appId'] }}', // 必填，公众号的唯一标识
        timestamp: '{{ $info['timestamp'] }}', // 必填，生成签名的时间戳
        nonceStr: '{{ $info['nonceStr'] }}', // 必填，生成签名的随机串
        signature: '{{ $info['signature'] }}',// 必填，签名，见附录1
        jsApiList: ['chooseImage','scanQRCode'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
    });
    wx.ready(function(){
        wx.checkJsApi({
            jsApiList: ['chooseImage','scanQRCode'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
            success: function(res) {
//                console.log(res)
                // 以键值对的形式返回，可用的api值true，不可用为false
                // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
            }
        });
        @if(isset($smallcode))
        document.querySelector('#storage_li').onclick = function() {
            wx.scanQRCode({
                needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
                scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
                success: function (res) {
                    var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
                }
            });
        };
        @endif
        document.querySelector('.scanQRCode').onclick = function() {
            wx.scanQRCode({
                needResult: 0, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
                scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
                success: function (res) {
                    var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
                }
            });
        };
    });
    wx.error(function(res){
        alert('验证失败')
    });
    $('.close_wechat').click(function () {
        wx.closeWindow();
    });
</script>
</html>
